<link rel="stylesheet" type="text/css" href="css/administration.css" media="screen" />
<style>
div.polje_item input[type=text]:disabled{
	text-align:center;
}
/****************/
div#polje_lista div.polje_sadrzaj{
	float:left;
	width:235px;
	min-height:21px;
	margin:5px 0px 0px 0px;
	padding:2px;
}
div#polje_lista input.datum_start{
	width:100px;
	text-align:center;
}
div#polje_lista input.datum_end{
	width:100px;
	text-align:center;
}
div#polje_lista input.kampanja{
	width:70px;
	text-align:center;
}
div.edit_artikli{
	float:left;
	clear:both;
	margin:-1px 0px 0px 54px;
	padding:5px 5px 0px 5px;
	background:#fefefe;
	border:1px solid #7F9DB9;
}
div.polje_item{
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
}
input.add{
	width:24px;
	height:24px;
	margin:30px 0px -20px -26px;
	padding:0px 2px;
	position:relative;
	color:#7F9DB9;
	font-weight:bolder;
	font-size:20px;
	background:none;
	border:1px solid transparent;
	cursor:pointer;
}
input.add:hover{
	border:1px solid #7F9DB9;
}
input.remove{
	width:16px;
	height:16px;
	padding:0px 4px;
	margin:7px 5px 5px 5px;
	padding:2px;
	background:url(gui/icons/delete.gif) no-repeat center center;
	border:1px solid transparent;
	cursor:pointer;
	text-indent:-100em;
	overflow:hidden;
}
input.remove:hover{
	border:1px solid #555;
}
input#save_btn,
input#cancel_dodaj_btn{
	display:none;
}
div#hidden_polje{
	float:left;
	margin:0px;
	width:940px;
	display:none;
}
#polje_new{
	width:950px;
	margin-bottom:-1px;
}
#top_tools{
	float:left;
}
div#hidden_polje input,
div#hidden_polje select,
div#hidden_polje label{
	float:left;
}
div#hidden_polje select{
	width:150px;
	overflow:visible;
}
div#hidden_polje label{
	width:70px;
	text-align:right;
	padding-top:8px;
}
</style>
<div class="top_menu">
<strong>Administracija Cenovnika</strong>
	<div class="top_navigacija">
		<span id="top_izvestaj" name="top_izvestaj">{{$top_izvestaj}}</span>Nađeno je {{$broj_polja}} unosa na {{$broj_strana}} &nbsp;strana. {{$link_pocetno}} {{$link_prethodno}} {{$link_strane}} {{$link_sledece}} {{$link_poslednje}} 
	</div>
	
	<div id="top_tools" style="float:left; text-align:left;">
		<input type="button" onclick="new_Cenovnik()" value="Nova" id="dodaj_btn" />
	<input type="button" onclick="cancel_new_Cenovnik()" value="Poništi dodavanje" id="cancel_dodaj_btn" />
	<input type="button" onclick="add_Cenovnik();" value="Sačuvaj novu cenu" id="save_btn" />
	<input type="hidden" value="{{$broj_polja_na_strani}}" id="broj_polja_na_strani" />
	</div>
</div>
<br clear="all" />
<!------------NEW START--------------------->
<form class="area" id="polje_new" style="display:none; width:400px;">
	<div class="polje_item">
		&nbsp;<input id="new_cenovnik_start" type="text" value="" onchange="" />
		<br class="all" />
		<a id="save_{{$polje_id}}" href="javascript:void(0);" onclick="add_Cenovnik();" title="kliknite da sačuvate nov unos '{{$polje_ime_new}}'">Sačuvaj</a>
	</div>
</form>
<!-------------NEW END-------------------->
<form class="area" id="glavnaForma" style="width:400px;">
<div class="polje_legend">
	<div class="polje_legend_item_id">ID</div>
	<div class="polje_legend_item">Datum starta</div>
	<div class="polje_legend_item">Operacija</div>
</div>
<div id="polje_lista">
	{{%loop start polje_id}}
	<div class="polje_item" title="{{$polje_ime}} - {{$polje_ime_en}}">
		<input type="hidden" value="{{$polje_id}}" id="polje_id_{{$polje_id}}" />
		<input type="hidden" id="r_{{$polje_id}}" value="0" />
		<input name="text" type="text" disabled="disabled" style="width:40px; text-align:center" value="{{$polje_id}}" />
		<input id="polje_start_{{$polje_id}}" type="text" disabled="disabled" value="{{$polje_start}}" title="{{$polje_start}}" onchange="" />
		<img id="cenovnik_start_{{$polje_id}}" class="datePicker" onclick="displayDatePicker('polje_start_{{$polje_id}}',this)" title="Odaberi datum" src="gui/icon_datepicker.gif" style="visibility:hidden; float:left; margin:0px;">
		<div class="item_tools">
			<a id="delete_{{$polje_id}}" href="javascript:void(0);" onclick="del_Cenovnik('{{$polje_id}}');" title="kliknite da izbrišete polje {{$polje_start}}" style="display:none;">
				<img src="gui/icons/delete_14.gif" alt="" />
			</a>
			<a id="save_{{$polje_id}}" href="javascript:void(0);" onclick="saveChanges_Cenovnik('{{$polje_id}}');" title="kliknite da sačuvate izmene na polju {{$polje_start}}" style="display:none;">
				<img src="gui/icons/save.gif" alt="" />
			</a>
			<a id="edit_{{$polje_id}}" href="javascript:void(0);" onclick="changeEdit_Cenovnik('{{$polje_id}}');" title="kliknite za izmenu polja {{$polje_start}}" >
				<img src="gui/icons/edit.gif" alt="" />
			</a>
		</div>
	</div>
	{{%loop end}}
</div>
</form>